<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Subscribe</title>
</head>
<body>
	<script>
		(function(d, s, id) {
			var js, fjs = d.getElementsByTagName(s)[0];
			if (d.getElementById(id))
				return;
			js = d.createElement(s);
			js.id = id;
			js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=118452395005980";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
		window.fbAsyncInit = function() {
			FB.init({
				appId : '113933198803034', // App ID
				status : true, // check login status
				cookie : true, // enable cookies to allow the server to access the session
				xfbml : true
			// parse XFBML
			});

			FB.Event.subscribe('edge.create', function(response) {
				var facebookCheckbox = document.getElementById('fb');
				facebookCheckbox.checked = true;
			});
		};
	</script>
	<form method="POST" action="subscribe">
		<ul>
			<h2>Select a category</h2>
			<li><input type="checkbox" name="Wine">Wine</li>
			<li><input type="checkbox" name="Beer">Beer</li>
			<li><input type="checkbox" name="Food">Food</li>
		</ul>

		<ul>
			<h2>How would you like to subscribe?</h2>

			<li><input id="fb" type="checkbox" name="Facebook">Facebook
				<div id="fb-root"></div>
				<div class="fb-like" data-send="false" data-width="450"
					data-show-faces="true"></div></li>
			<li><input id="tw" type="checkbox" name="Twitter">Twitter</li>
			<a href="https://twitter.com/MatVdPol" class="twitter-follow-button"
				data-show-count="false" data-lang="nl" data-size="large">@MatVdPol
				volgen</a>

			<script>
				!function(d, s, id) {
					var js, fjs = d.getElementsByTagName(s)[0];
					if (!d.getElementById(id)) {
						js = d.createElement(s);
						js.id = id;
						js.src = "//platform.twitter.com/widgets.js";
						fjs.parentNode.insertBefore(js, fjs);
					}
				}(document, "script", "twitter-wjs");
				twttr.events.bind('follow', function(event) {
					alert	('testing');
				});
				var linkedinButton = document.getElementById("frame");
				linkedinButton.onclick=function(){alert('ja')};
			</script>

			<li><input id="li" type="checkbox" name="Linkedin">Linkedin</li>
			<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
			<script type="IN/FollowCompany" data-id="962599" data-counter="none"></script>
		</ul>
		<input type="SUBMIT">
	</form>
</body>
</html>